/*
Sidebar category navigation
==============================================
Styling for category navigation component.
*/

.category-navigation {
    list-style: none;
    margin: 0;
    padding-left: 20px;

    &.level-0 > {
        .category-navigation-entry {
            border-bottom: 1px solid $border-color;
        }
    }

    &.level-0 {
        padding-left: 0;
        font-size: 16px;
    }

    &.level-1 {
        font-size: 14px;
    }

    &.level-2 {
        font-size: 12px;
    }
}

.category-navigation-entry {
    margin: 0;
    padding: 0;
}

.category-navigation-link {
    display: block;
    padding: 8px 20px;
    font-weight: $font-weight-normal;
    color: $sw-text-color;
    text-decoration: none;

    &:hover {
        text-decoration: none;
    }

    &.is-active {
        color: $sw-color-brand-primary;
        font-weight: $font-weight-bold;
    }

    &.in-path {
        font-weight: $font-weight-bold;
    }
}
